<!--suppress ALL -->
<include file="./Template/header.html" />

<link rel="stylesheet" type="text/css" href="/Template/css/caseList.css?v=20210316">
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

    $(function() {

        //初始化页面配置
        initPage("【{$info.update_month}】月份奖励统计");

        var app = new Vue({
            el: '#container',
            data: {
                notifyList: [],
            },
            methods: {
                allNotifyList: function() {
                    window.location.href = "/wechat/clubfoot/allNotifyList";
                },
            }
        })
        function getNotifyList() {
            $.ajax({
                url:"/wechat/clubfoot/notifyList",
                type:"post",
                data:{
                    id: "{$info.clubfoot_qualified_id}",
                },
                dataType:"JSON",
                beforeSend:function(){
                    $("#loadingToast").show();
                },
                complete:function(){
                    $('#loadingToast').hide();
                },
                success:function(data){
                    app.notifyList = data;
                },
            })
        }
        getNotifyList();
    });


</script>

<div class="container">
    <!--div style="text-align:center" class="item"  v-on:click="allNotifyList">
        <button class="introbutton" style="background-color: #4293e0">记 录 列 表</button>
    </div-->
    <div class="no-data" v-if="notifyList == null")>暂无数据</div>
    <div>
        <span style="color: #e97a15;">&nbsp;&nbsp;【{$info.update_month}】共 {$info.number} 人</span>
        <br/>
        <table border="1" cellspacing="0" style="border-color: #fafafa; text-align: right; margin-left: 1rem">
            <thead>
            <tr style="color: #7171cc">
                <th style="width: 50px">ID</th>
                <th style="width: 100px">姓名</th>
                <th style="width: 50px">积分</th>
            </tr>
            </thead>
            <tbody>
            <tr style="color: #45a1de; font-size: 1rem;text-align: right" v-for="list in notifyList">
                <th>{{list.customer_id}}</th>
                <th>{{list.nickname}}</th>
                <th>{{list.point}}</th>
            </tr>
            </tbody>
        </table>
        <!--div v-for="list in notifyList">
            <div class="caselist-info">
                <div class="item" style="line-height: 1.5rem">
                    <span style="color: #927bcc" v-if="$index%2 == 0">{{list.customer_id}}，{{list.nickname}}，[{{list.point}}]</span>
                    <span style="color: #4293e0" v-if="$index%2 != 0">{{list.customer_id}}，{{list.nickname}}，[{{list.point}}]</span>
                </div>
            </div>
        </div-->
    </div>


</div>
<include file="./Template/footer.html" />

